<template>
  <div id="J_ContBox" class="m-content-box">
    <div class="top-btn-group">
      <router-link to="/system/leaveSettingsEdit">
        <el-button type="primary">编辑</el-button>
      </router-link>
    </div>
    <div class="m-set-order-box">
      <p class="title">会员自主请假</p>
      <ul class="set-normal-list mb-30">
        <li>
          <span class="label">会员自主请假：</span>
          <p class="desc">已关闭</p>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
import { getXuan } from '@/utils/limits.js'
import { mapGetters } from 'vuex' // Secondary package based on el-pagination

export default {
  name: 'ArticleList',
  components: {
  },
  filters: {
    statusFilter(status) {
      const statusMap = {
        published: 'success',
        draft: 'info',
        deleted: 'danger'
      }
      return statusMap[status]
    }
  },
  data() {
    return {
    }
  },
  computed: {
    ...mapGetters([
      'permission_routes',
      'roles'
    ])
  },
  created() {
    var xuanList = [
			// 	{
			// 	name: '约课设置',
			// 	url: '/system/appointmentSettings',
			// 	pd: true
			// }, 
			{
				name: '头条设置',
				url: '/system/headlinesSettings',
				pd: true
			}, {
				name: '广告设置',
				url: '/system/wxAdvertising',
				pd: true
			}, {
				name: '会员自主请假',
				url: '/system/leaveSettings',
				pd: true
			}, {
				name: '卡售价显示设置',
				url: '/system/mcardPriceDisplaySettings',
				pd: true
			}]
    var xuanList1 = getXuan(xuanList, this.roles)
    this.$store.dispatch('user/changeXuan', {
      key: 'xuanList',
      value: xuanList1
    })
    this.$store.dispatch('user/changeXuan', {
      key: 'xuan',
      value: 2
    })
  },
  methods: {
    getList() {
      this.listLoading = true

      this.listLoading = false
    },
    open(type) {
      if (type === 'add') {
        this.add_show = false
      }
      if (type === 'update') {
        this.update_show = false
      }
    }

  }
}
</script>

<style scoped>
.m-content-box {
  position: relative;
  padding: 30px 63px;
  font-size: 14px;
}
.top-btn-group {
  position: relative;
  display: flex;
  justify-content: flex-end;
  margin-top: -18px;
  margin-bottom: 12px;
}
.setting-tips__normal {
  padding: 10px 15px;
  display: flex;
  align-items: center;
  border: 1px dashed #f49352;
  color: #f49352;
}
.m-set-order-box {
  position: relative;
  margin-bottom: 30px;
}
.mb-30 {
  margin-bottom: 30px;
}
.tips-icon {
  margin-right: 8px;
}
img {
  max-width: 100%;
}
img {
  border: 0;
}
.m-set-order-box .title {
  position: relative;
  color: #787878;
  font-size: 12px;
  height: 22px;
}
.set-normal-list li:nth-child(odd) {
  background: #f2f2f2;
}

.set-normal-list li {
  position: relative;
  min-height: 19px;
  padding: 10px 10px 10px 170px;
}
.set-normal-list .label {
  position: absolute;
  left: 10px;
  top: 10px;
}
ul, dl, ol {
  list-style: none;
  padding: 0;
  margin-top: 0;
}
p {
  margin: 0;
  padding: 0;
  font-weight: 400;
}
</style>
